<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div.out{display:table-cell; width:300px; height:300px; border:1px solid #beceeb; font-size:144px; text-align:center; vertical-align:middle;}
        div.out img{vertical-align:middle;}

    </style>
</head>
<body>
    <div class="out">
            <img src="images/3.jpg" width="100px" alt="">
    </div>
    <!--table-cell等高-->
    <div style="display: table-row">
        <p style="width:300px;display: table-cell;background:#099;">1123ytuiofghjkfghjklgbnm</p>
        <p style="width:300px;display: table-cell;background:#099;">1123ytuiofghjkfghjklgbnm Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aperiam cum deleniti dolore doloremque eaque earum excepturi, explicabo maxime nam natus quidem quisquam quo recusandae sapiente totam veritatis. Enim, ex!    </p>
    </div>
</body>
</html>